<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width" charset="UTF-8"/>
    <title>智慧教育</title>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" th:href="@{/css/weui/weui.css}"/>
    <link rel="stylesheet" th:href="@{/css/weui/jquery-weui.css}"/>


    <script th:src="@{/js/jquery.min.js}"></script>




    <style th:inline="text">

        .title2{
            background: url("[[@{/}]]img/school-district/title2.png") no-repeat center;
            background-size: 40%;
            text-align: center;
            color: #5146EF;
            font-weight: 400;
        }

        body {
            margin: 0;
            padding: 0;
            font-family:unset;
        }

        .container {
            margin: 0 0 16% 0;
            padding: 0;
            background-color: #ffffff;
            height: 100%;
        }

        .menu-container{
            position: relative;
            top: -50px;
            width: 94%;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 20px;
            text-align: center;
            font-size: 18px;
        }

        .menu-title{
            text-align: center;
            position:relative;
            top:-18px;
            background-color:#6A28E7;
            border-radius:6px;
            line-height:36px;
            color:#ffffff;
            height: 36px;
            width: 60%;
            margin: 0 auto;
        }
        .menu-icon{
            width: 39%;
            vertical-align:middle;
            margin-right: 3px;
        }

        .menu-icon-container{
          width: 45%;
            display: inline-block;
            font-weight: bold;
        }
        .title2-container{
            width: 92%;
            margin: 0 auto;
            padding-top: 8px;
            border-radius: 10px;
            background-color: #F1F5FF;
        }
        .foot-info{
            /*margin-top: 1%;*/
        }
    </style>
</head>
<body>


<div class="container">
    <div>
        <img style="width: 100%" th:src="@{/img/school-district/home_bg.png}"/>
    </div>

    <div class="menu-container">

        <div>
            <div class="menu-title">
                平台功能
            </div>
        </div>

        <div class="menu-icon-container" onclick="jump('1')">
            <img class="menu-icon" th:src="@{/img/school-district/menu-icon-1.png}"/>招生资讯
        </div>
        <div class="menu-icon-container" onclick="jump('2')">
            <img class="menu-icon" th:src="@{/img/school-district/menu-icon-2.png}"/>学区地图
        </div>

        
        <div class="menu-icon-container" onclick="jump('3')" style="margin-top: 20px">
            <img class="menu-icon" th:src="@{/img/school-district/menu-icon-3.png}"/>学校列表
        </div>
        <div class="menu-icon-container" onclick="jump('4')" style="margin-top: 20px">
            <img class="menu-icon" th:src="@{/img/school-district/menu-icon-4.png}"/>问题反馈
        </div>
    </div>


    <div class="foot-info">
        <div class="title2-container">
            <div class="title2">
                平台公告
            </div>
            <div style="font-size: 12px;color: #7D7F7E;padding: 5px 10px 15px 10px;">
                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                智慧教育平台是依托物联网、云计算、无线通信等新一代信息技术所打造的物联化、智能化、感知化、泛在化的新型教育形态和教育模式，根据教育部的十二五规划，教育信息化将为现有的教育网、校园网进行教育信息化升级，新一代教育网必然成为未来教育信息化的基础
                <span style="color: red">此平台非官方开发，仅供交流。</span>
            </div>
        </div>
    </div>

</div>


<div class="weui-tabbar tab-bottom" style="position: fixed;background-color: #ffffff ; ">
    <a href="javascript:;" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img id="tab1_btn" th:src="@{/img/school-district/icon-home-select.png}" alt="">
        </div>
        <p class="weui-tabbar__label" style="color: #13227a">首页</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item ">
        <div class="weui-tabbar__icon">
            <img id="tab2_btn" th:src="@{/img/school-district/icon-my.png}" alt="">
        </div>
        <p class="weui-tabbar__label" style="color: #bdc2cd">我的</p>
    </a>
</div>


</body>


<script th:inline="javascript">
    var ctx = /*[[@{/}]]*/ '';
    var preFix = ctx + 'school/district';
</script>

<script th:inline="javascript">

    $(function () {
    });


    var  pathOption ={
        '1':'/information/index',
        '2':'/map_bd',
        '3':'/schoolList/index',
        '4':'/question/index'
    };
    function jump(index) {
        window.location.href = preFix + pathOption[index];
    }

</script>

</html>
